@font-face
{
font-family: 微软雅黑;
src: url('msyh.eot?#iefix') format('embedded-opentype'), /* IE4-IE8 */
     url('msyh.ttf') format('truetype'),/* 360极速下 */
     url('MSYH.TTC'),/* 可不用 */
     url('msyh.ttf'),/* 可不用 */
     url('msyh.eot'); /* IE9+ */

}




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #525252;
	line-height: 23px;
	background-color: #fbfbfb;
	font-family: "微软雅黑";
}
*{ margin:0px; padding:0px;}
img{ border:0px;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.clear{ clear:both;_overflow:hidden;height:0px;}

a{ text-decoration:none; color:#5D5D5D; }
a:hover{ color:#2185c7;}

em,li,i{
	font-style: normal;
}
:focus {
	outline: 0;
}
ul {list-style: none;}
li{ list-style-type:none;}
/*CSS*/


.jlhg01{
	background-color: #f5f5f5;
	height: 105px;
	width: 100%;
	padding-top: 15px;
}
.jlhg01a{ width:1200px; display:block; margin-left:auto; margin-right:auto;}

.zyw{
	float:right;
	width: 300px;
	height: 100px;
	background-image: url(hg2.png);
	background-repeat: no-repeat;
	background-position: right 40px;
}
.zyw a{
	margin-left:20px;
	line-height: px;
	float:right;
	height: 35px;
} 
.zyw a img{ padding-top:6px;float:left;}
.zyw p{ display:block;}

.jlhg02{
	background-color: #333638;
	height: 44px;
	width: 100%; line-height:44px;
}



/*---当前分类---*/
.nav ul{
	width:1200px; margin-left:auto; margin-right:auto;
}
.nav li{float:left;height:44px;position:relative}
.nav li.line_off{background:none}
.nav a{display:block;float:left;text-decoration:none;height:44px;line-height:44px;font-size:14px;color:#ffffff;width:139px;outline:none;position:relative; text-align:center;}

.nav a:hover, .nav .active a, .nav li.sfhover a{color:#fff;text-decoration:none;font-weight:700}
.nav a span{-webkit-text-size-adjust:none;line-height:12px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative}
.nav .n{
	background:url(ii2.png) no-repeat 0 18px;
	width:11px;
	height:40px;
	float:left;
	left: -25px;
	position: relative;
}

.nav li ul{
	display:none;
	position:absolute;
	top:44px;
	width:180px;
	background:url(nav2.png) repeat-y;
	z-index:2200;
	padding-top: 15px;
}
.nav li ul li{line-height:30px;height:30px;margin:0;background-image:none;position:relative;z-index:2}
.nav li ul a, .nav li.active ul a, .nav li.sfhover ul a{background:none;font-weight:300;height:auto;color:#fff;line-height:24px;width:180px;float:none;padding:0 0 6px;}
.nav li ul a:hover{background:url(nav3.png) no-repeat -234px 0;_background:url(nav2_1.gif) no-repeat 0 0;color:#fff;font-weight:300}
.nav li ul .t{position:relative;z-index:2;top:14px;left:0;width:116px;height:4px;font-size:0;line-height:0;overflow:hidden;}


/*---banner---*/


#full-screen-slider{width:100%;height:620px;float:left;position:relative;margin-right:auto;margin-left:auto}
#slides{display:block;width:100%;height:620px;list-style:none;padding:0;margin:0;position:relative}
#slides li{display:block;width:100%;height:100%;list-style:none;padding:0;margin:0;position:absolute}
#slides li a{display:block;width:100%;height:100%;text-indent:-9999px}
#pagination{display:block;list-style:none;position:absolute;left:25%;top:600px;z-index:900;padding:5px 15px 5px 0;margin:0}/*left:25%是放中间*/
#pagination li{display:block;list-style:none;width:10px;height:10px;float:left;margin-left:15px;border-radius:5px;background:#FFF}
#pagination li a{display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px}
#pagination li.current{
	background-color:#183C83
}




.qlhg03{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: 40px;
	z-index: 3800;
	position: relative;
	top: -40px;
	margin-bottom: -40px;
}

.qlhg05{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;

	height: 500px;

}

.qlhg05 ul{}

.qlhg05 ul li{
	float: left;
	width: 400px;
	height: 340px;
	overflow: hidden;
	padding-top: 40px;
	position: relative;
}


.qlhg05 ul li em{
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	width: 350px;

	color: #333;

}

.qlhg05 ul li p{
	font-size: 15px;
	color: #999;
	margin-top: 7px;
	height: 23px;
}





#qlhg05a{
	background-image: url(cp1.jpg);
	background-repeat: no-repeat;
	height: 210px;
	padding-top: 170px;
	padding-left: 212px; width:188px;
	font-size: 14px;
	overflow: hidden;

}

#qlhg05a a{
	color: #838383;
	display: block;
	line-height: 28px;
}

#qlhg05a a:hover{
	color:#2185c7;

}





#qlhgli1 a{
	position: relative;
	width: 400px;
	height: 380px;
	left: 0px;
	top: -380px;
	text-align: center;
	display: block;

}


#qlhgli1 a:hover{	
	background-image: url(bg0.png);

}


#qlhgli2 a{
	position: relative;
	width: 800px;
	height: 380px;
	left: 0px;
	top: -380px;
	text-align: center;
	display: block;

}


#qlhgli2 a:hover{	
	background-image: url(bg2.png);

}



.qlhg07{
	width: 1200px;
	margin-right: auto;
	margin-left: auto; margin-top:80px;

}



.qlhg08{
	width: 355px;
	margin-right: auto;
	margin-left: auto;
	margin-top:80px;
	height: 303px;
	background-image: url(hg8.jpg);
	padding-right: 37px;
	padding-left: 808px;
	color: #848484;
	line-height: 26px;
	padding-top: 183px;
}


.more1{
	display: block;
	height: 35px;
	width: 140px;
	margin-top: 35px; 
}

.more1 a{	display: block;
	height: 35px;
	width: 140px;
	background-image: url(hg9.jpg);
}
.more1 a:hover{
	background-image: url(hg10.jpg);
}


.ka4{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 85px;
	overflow: hidden;
}


.aniu{
	HEIGHT: 37px;
	margin-bottom: 48px;
	display: block;
	width: 1200px;
	background-image: url(hg12.jpg);
	padding-top: 13px;
}




#pro_con {
	float:left;
	overflow:hidden;
	height:350px;
}
.LeftBotton {
	height:15px;
	width:13px;
	float:left;
	cursor:pointer;
	background-image: url(a9.jpg);
	background-repeat: no-repeat;
	margin-right: 6px;	
	
}
.RightBotton {
	height:24px;
	width:16px;
	cursor:pointer;
	background-image: url(a9b.jpg);
	background-repeat: no-repeat;
	float: right;	
}
#pro_con .Cont {
	width:1200px;
	overflow:hidden;
	float:left;
	
}
#pro_con .ScrCont{width:10000000px; padding:0; float:left;}
#pro_con #List1, #pro_con #List2 {float:left; padding:0px; margin:0px;}
#pro_con .Cont li {
	float:left;
	margin-right: 50px;
	line-height: 25px;
	margin-left: 0px;
	width: 570px;
}
#pro_con .Cont img {
	height: 158px;
	width: 570px;
	display: block;

}

#pro_con .Cont li span{
	font-size: 18px;
	font-weight: normal;
	height: 35px;
	width: 570px;
	display: block;
}
#pro_con .Cont li em{
	width: 570px;
	display: block;
	font-style: normal;
	line-height: 20px;
	color: #AAA;
}
#pro_con .Cont li i a{
	display: block;
	text-align: center;
	height: 34px;
	width: 113px;
	background-color: #858585;
	font-style: normal;
	color: #FFF;
	line-height: 34px;
	margin-top: 10px;
}

#pro_con .Cont li i a:hover{
	background-color: #005cc1;
}



.qlhg09{
	background-color: #333638;

	width: 100%;
	margin-top: 80px;
	color: #D8D8D8;
	padding-top: 50px;
}
.qlhg10{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.qlhg10 a{
	color: #D8D8D8;
}
.qlhg10 a:hover{color:#fff;}

.qlhg11{
	width: 990px;
	line-height: 30px;
}
.qlhg11 em{
	font-size:15px;
	display: block;
	width: 990px;
	margin-left: -10px;
	margin-bottom: 30px;
}
.qlhg11 em a{
	margin-right: 10px;
	margin-left: 10px;
}

.qlhg12{
	float: right;
	width: 200px;
	background-image: url(bg3.png);
	background-repeat: no-repeat;
	background-position: right 0px;
		padding-top: 35px;
	text-align: right;
	display: block;
	font-size: 21px;
	color: #FFF;
	line-height: 25px;
	font-family: Verdana, Geneva, sans-serif;
}
.qlhg12 em{
	display: block;
	width: 200px;
	margin-bottom: 20px;
}
.qlhg12 img{
	height: 103px;
	width: 103px;
}

.qlhg13{
	width: 100%;
	margin-top:25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C1C1C1;
	display: block;
}


.qlhg14{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	line-height: 65px;
	height: 65px;
}
.qlhg14 em{ width:600px;}
.qlhg14 p{
	width:600px;
	text-align: right;
	float: right;
}


.qlhg15{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}




.qlhg16{
	height: 70px;
	width: 1190px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d4d4d4;
	padding-left: 10px;
	margin-bottom: 40px;
}

.qlhg16 em{
	text-align: right;
	float:right;
	display: block;
	width: 300px;
	line-height: 16px;
	margin-top: 35px;
	padding-right: 10px;
	color: #B2B2B2;
}
.qlhg16 em a{color:#888}
.qlhg16 em a:hover{color:#B2B2B2}



.qlhg17{
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 395px;
	width: 100%;
	display: block;
}

.qlhgri{
	width:885px;
	float: right;
	color: #7F7F7F;
	line-height: 2.1em
}

.qlhgle{
	float: left;
	width: 260px;
}

.qlhgle span{
	line-height: 60px;
	text-align: center;
	display: block;
	height: 60px;
	width: 100%;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #62a0cd;
	font-size: 20px;
	font-weight: bold;
	background-color: #015cc1;
	color: #FFF;
}

.qlhgle p{}
.qlhgle p a{
	height: 40px;
	line-height:40px;
	width: 100%;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	margin-top: 10px;
	background-color: #333638;
	display: block;
}
.qlhgle p a:hover{
	color: #FFF;
	font-size: 15px;
	background-color: #3183bf;
}


.fengnews {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.fengnews  li a{
	line-height: 45px;
	display: block;
	height: 45px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	background-image: url(t1.gif);
	background-repeat: no-repeat;
	background-position: 5px 18px;
	padding-left: 28px;
	width: 97%;
	padding-right: 10px;
}
.fengnews  li a em{
	font-style: normal;
	float: right;
}
.fengnews  li a:hover{
	color: #0082D0;
}


.biaoti{
	font-size: 18px;
	color: #000;
	text-align: center;
	display: block;
	height: 25px;
	line-height: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}


.t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
.t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}
	
	
.gycss2{ }
.gycss2  li{
	float: left;
	width: 370px;
	margin-left: 10px;
	text-align: center;
	height: 280px;
	margin-right: 30px;
	padding: 15px;
	background-color: #f1f1f1;
	line-height: 16px;

	font-weight: bold;
	color: #333;
	position: relative;
	margin-bottom: 30px;
}
.gycss2  li p{
	color: #A8A8A8;
	display: block;
	height: 20px;
	width: 100%;
	margin-top: 11px;
	font-size: 14px;
	font-weight: normal;
}
.gycss2  li img{
	height: 204px;
	width: 370px;
	display: block;
	margin-bottom: 20px;
}


.gycss2 li a{
	display: block;
	background-image: none;
	height: 310px;
	width: 400px;
	position: relative;
	top: -285px;
	left: -15px;
	background-position: 0px 0px;
}
.gycss2 li a:hover{

	background-image: url(bg5.png);

}	
.qlhg27{
	float:right;
	padding-top: 10px;
}




	/* .pro-cate start */
.pro-cate {  }
.pro-cate > a { font-size: 16px; font-size: 1.6rem; margin: 0 25px 6px; cursor: pointer; width: 146px; height: 40px; line-height: 38px; border-radius: 5px; border: solid 1px #bfbfbf; display: inline-block; color: #333; }
.pro-cate > a:hover, .pro-cate > a.active { border-color: #005BAC; background-color: #005BAC; color: #fff; }

/* .pro-cate end */
.pro1-wrap, .pro1-bread { background-color: #f5f5f5; }
.pro1-title { font-weight.pro-info: bold; font-size: 24px; font-size: 2.4rem; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 33px; padding-top: 10px; }
.pro1-title:after { position: absolute; content: ''; width: 58px; height: 3px; left: 50%; margin-left: -29px; bottom: 0; background-color: #005BAC; }

.pro1-list { padding: 44px 0 62px; }
.pro1-list .list-item { /*float: left;*/display: inline-block;vertical-align: top; width: 29.2%; margin-left: 5.75%; background-color: #fff; padding: 10px 11px 22px; margin-bottom: 53px; }
.pro1-list .list-item:hover { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.23); }
.pro1-list .item-pic { width: 100%; position: relative; }
.pro1-list .item-pic img { display: block; width: 100%; max-width: 490px; margin: 0 auto; }
.pro1-list .item-pic:hover .item-backdrop { top: 0; }
.pro1-list .item-backdrop { position: absolute; top: 999px; bottom: 0; left: 0; width: 100%; background-color: #005BAC; background-color: rgba(0, 91, 172, 0.6); -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; }
.pro1-list .item-body { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px; padding: 0 15px; }
.pro1-list .item-body p { line-height: 36px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/web2.png) no-repeat left center; padding-left: 20px; }
.pro1-list .item-body p, .pro1-list .item-body p a { color: #fff; }
.pro1-list .item-body p a:hover { color: #ccc; }
.pro1-list .item-body1 { text-align: center; }
.pro1-list .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; margin-top: 18px; }
.pro1-list .item-desc { margin-top: 3px; font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 52px; text-align: left;text-indent: 32px; }
.pro1-list .item-desc, .pro1-list .item-desc a { color: #555; }
.pro1-list .item-btn { margin-top: 9px; display: inline-block; width: 146px; height: 46px; line-height: 44px; border: solid 1px #005BAC; color: #005BAC; font-size: 16px; font-size: 1.6rem; }
.pro1-list .item-btn:hover { background-color: #005BAC; color: #fff; }
	
	.m-prob1 { /*margin-top: 73px;*/margin-top: 20px; position: relative; }

.m-prob1 .prob-pic { width: 290px; float: left; }
.m-prob1 .prob-pic-big { position: relative; border: solid 1px #e5e5e5; }
.m-prob1 .prob-pic-big .tip { position: absolute; top: 10px; left: 27px; z-index: 99; }
.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }
.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }
.m-prob1 .zoomWrapperImage img { max-width: 1200px; }
.m-prob1 .prob-pic-small1 { display: none; }
.m-prob1 .prob-pic-small2 { width: 89.77444%; margin-top: 30px; }
.m-prob1 .prob-pic-small { padding: 0 30px; overflow: hidden; position: relative; }
.m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top: -8px; display: block; cursor: pointer; }
.m-prob1 .prob-pic-btn .iconfont { color: #2e2e2e; font-size: 19px; font-size: 1.9rem; }
.m-prob1 .prob-pic-btn .iconfont:hover { color: #005BAC; }
.m-prob1 .prob-pic-btn.prev { left: 0; }
.m-prob1 .prob-pic-btn.next { right: 0; }
.m-prob1 .prob-pic-list { overflow: hidden; }
.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }
.m-prob1 .prob-pic-list li { position: relative; float: left; margin-right: 0.27933%; width: 2.2905%; overflow: hidden; }
.m-prob1 .prob-pic-item .item-pics { border: transparent 1px solid; width: 100%; }
.m-prob1 .prob-pic-item .item-pics.zoomThumbActive { border: solid 1px #005BAC; }
.m-prob1 .prob-pic-item .item-pics img { display: block; width: 100%; }
@media screen and (max-width: 999px) { .zoomPad { cursor: default !important; }
  .zoomPup {display: none !important;}
  .zoomWindow {display: none !important; }
  .zoomPreload {display: none !important; }
  .m-prob1 .prob-pic { float: none; margin: 0 auto; width: 487px; }
  .m-prob1 .prob-pic-small2 { display: none; }
  .m-prob1 .prob-pic-small1 { display: block; margin-top: 10px; } }
@media screen and (max-width: 767px) { .m-prob1 .prob-pic { width: 100%; }
  .m-prob1 .prob-pic-big { display: none; }
  .m-prob1 .prob-pic-small { margin-top: 0; }
  .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 3.2%; }
  .m-prob1 .prob-pic-item .item-pics.zoomThumbActive { border-color: #e5e5e5; } }
.pro-share .xinxi{font-size: 16px;font-weight: bolder;}
.pro-share .xinxi p{float: left;padding-left: 8px;}
.pro-share .xinxi span{color: #0e1f5c;}
.pro2-specbox {
    margin-top: 70px;
}
	/* pro-info */
.pro-info { float:right;width:500px;}
.pro-info .item-title { font-size: 24px;  line-height: 26px; font-style: normal; /*margin-top: 32px;*/ }
.pro-info .item-subt { font-size: 16px;  line-height: 26px; margin-top: 11px; }
.pro-info .item-desc { /*border-top: solid 1px #bfbfbf; font-size: 14px; font-size: 1.4rem; line-height: 26px; min-height: 121px; margin-top: 22px; padding: 21px 0 15px;*/ border-top: solid 1px #bfbfbf;margin-bottom: 30px;
    font-size: 14px;
    line-height: 26px;
   
    margin-top: 10px;padding-top: 10px;
    overflow: hidden;}
.pro-info .item-desc, .pro-info .item-desc p { color: #555; }
.pro-info .item-btn {cursor: pointer; float: left; display: inline-block; width: 140px; height: 44px; line-height: 42px; border-radius: 0; font-size: 16px; text-align: center; border: solid 1px #005BAC; color: #005BAC; }
.pro-info .item-btn:hover { background-color: #005BAC; color: #fff; }
.pro-info .item-btn:first-child { margin-right: 24px; }
.pro-info .pro-share { float: left; margin-bottom: 10px;}
.pro-info .item-desc { height: auto; min-height: auto; } }

  .pro-info .item-subt { margin-top: 0; }
  .pro-info .item-desc { line-height: 24px; margin-top: 10px; }
  .pro-info .item-btn { height: 34px; line-height: 32px; font-size: 14px; font-size: 1.4rem; } }
  .pro-info .pro-share { margin-left: 0; } }
/* pro2-specbox start*/
.pro2-specbox { margin-top: 70px; }
.pro2-specbox .box-tab .tab-options li a{ cursor: pointer; float: left; width: 24.83333%; margin: 0 0.08333%; line-height: 54px; color: #005BAC; text-align: center; background-color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.pro2-specbox .box-tab .tab-options li:hover, .pro2-specbox .box-tab .tab-options li.tab-active a{ color: #fff; background-color: #005BAC; }
/* pro2-specbox end */
.bgbox { padding: 0px 0 0; border-bottom: 1px solid #005BAC;/*background: url(../images/web6.jpg) no-repeat top center;*/ }
@media screen and (max-width: 640px) { .bgbox { padding: 50px 0 0; }}




.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold;  line-height: 30px; clear: both;    color: #666666;margin-top: 30px;}
.fr{float: right;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgwz li{ width:320px;line-height: 25px; height:25px; float:left;margin:5px 20px 5px 0;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.xgwz li a{    background-image: url(t1.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;padding-left: 20px;}



